//
// Content
// --------------------------------------------------


// This is the main content of the docs, usually the center column.
.docs-content {
  position: relative;
  overflow: hidden; // hide the overhang on code/pre blocks

  background: #fff;
  background-color: #fff;
  padding: 1px @content-gutter 80px @content-gutter; // add 1px top padding to prevent collapsing
  margin: 0 -15px;

  border: none;
  border-radius: 0 0 4px 4px;

  // remove padding from fluid containers when
  // inside content blocks.
  .container-fluid {
    padding: 0;
  }
}

.docs-content {
  .box-shadow(0 2px 4px rgba(0,0,0,.2));
}

.docs-section + .docs-section {
  padding-top: 40px;
}

@media (max-width: 767px) {
  .docs-content {
    padding: 1px 20px;
  }
}


